@charset "UTF-8";
@import '../mixins/index.scss';

$componentPrefix: initPrefix();

.ft-body {
  @include abs-full-page();
  z-index: 0;

  &--gray {
    background-color: $ft-background-body;
  }

  &--gray-light {
    background-color: $ft-background-light;
  }

  &--white {
    background-color: $ft-color-white;
  }
}

.ft-overflow--hidden {
  overflow: hidden;
}

/* #ifndef APP-NVUE */
.ft-overflow--visible {
  overflow: visible;
}

.ft-border-box {
  box-sizing: border-box;
}

.ft-display {
  &--none {
    display: none;
  }

  &--block {
    display: block;
  }

  &--inline-block {
    display: inline-block;
  }
}

// 默认背景图片样式
.ft-bg-img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* #endif */

// img-zero 去除图片空白
.ft-font-size-0 {
  font-size: 0 !important;
}

/* 图标外层套一个view，让其达到更好的垂直居中的效果 */
.ft-icon-wrapper {
  @include display();
  @include align-items(center);
}

// 使用绝对定位来获取一个跟父容器等宽等高的容器
.ft-absolute-full-wrapper {
  @include abs-full-page();
  z-index: 1;
}

.ft-fixed-full-wrapper {
  @extend .ft-absolute-full-wrapper;
  position: fixed;
  z-index: 1;
}

// 一个可以用于绝对定位的父容器
.ft-box-wrapper {
  position: relative;
}

.ft-reset-button {
  @include reset-component($direction: row);
  /* #ifndef APP-NVUE */
  cursor: pointer;
  transition: all 0.15s;
  /* #endif */
  /* #ifdef APP-NVUE */
  border-width: 0;
  /* #endif */
  background-color: transparent;
}

/* #ifndef APP-NVUE */
.ft-reset-button::after {
  border: none;
}
// h5 金庸鼠标
.ft-not-allowed {
  cursor: $ft-disabled-cursor;
}

/* #endif */

// 通用 hover-class
.ft-hover-class {
  opacity: 0.7;
}
